import "./genuine.scss";
import '../../../assest/iconfont/icon.css'
import React from "react";
function App() {
  return (
      <div className='wrapper'>
          <div className="genuine">
              <div className="genuine-tittle">
                  <i className='iconfont iconzuojiantou' onClick={()=>{window.history.back()}}></i>
                  <p className="title-right">正版验证</p>
              </div>
              <div className="genuine-ID">
                  <div className="genuine-ID-left">ID码</div>
                  <div className="genuine-ID-input">
                      <input
                          type="number"
                          placeholder="请输入10/12位ID码"
                          onput="if(value.length>12)value=value.slice(0,12)"
                      />
                  </div>
              </div>
              <div className="genuine-SN">
                  <div className="genuine-SN-left">SN码</div>
                  <div className="genuine-SN-input">
                      <input
                          type="number"
                          placeholder="请输入8位SN码"
                          onInput="if(value.length>8)value=value.slice(0,8)"
                      />
                  </div>
              </div>
              <div className="genuine-query">
                  <button>立即查询</button>
              </div>
              <div className="genuine-info">
                  <div className="genuine-info-title">如何获取ID和SN码</div>
                  <div className="genuine-info-answer">
                      可在天星教育图书封面上找到防伪标签。防伪标签上附有图层，刮开图层即可获得ID和SN码。样例如下：
                  </div>
                  <div className="genuine-info-pic">
                      <img
                          src="https://m.tesoon.com/assets_m/img/service_verify.00e7b022.png"
                          alt=""
                      />
                  </div>
              </div>
          </div>
      </div>
  );
}
function onLeftClick(){

}

export default App;
